/*Created by lk on 2020/06/04.*/

/*----banner----*/
.banner{width: 100%; height: 880px; padding-top: 120px;}
.banner .swiper-slide{width: 100%; height: 100%}
.banner .img{width: 100%; height: 100%; background-position: center; background-size: cover}

/*----content------*/
.content{position: relative; background: #fff; z-index: 9;}

.title{padding-bottom: 40px; position: relative; text-align: center}
.title h1{font-size: 22px; color: #181818; margin-bottom: 4px;}
.title h6{font-size: 15px; color: #999;}

.a_link{width: 120px; font-size: 13px; color: #fff; text-align: center; padding: 10px 0; background: #223c6d; position: relative; font-family: 'novecentowide-book'}

/*----list01----*/
.list01{padding: 70px 0; overflow: hidden}
.list01 .list01_li{text-align: center; margin-bottom: 40px;}
.list01 .list01_li a{display: inline-block; font-size: 13px; color: #666; margin: 0 2px; padding: 8px 12px;}
.list01 .list01_li a.on{background: #223c6d; color: #fff;}
.list01 .list01_con{}
.list01 .list01_con .list{margin-right: -1%;}
.list01 .list01_con .list li{width: 24%; float: left; margin: 0 1% 20px 0;}
.list01 .list01_con .list li .img{width: 100%; overflow: hidden}
.list01 .list01_con .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .list li .txt{padding: 14px 0; margin-top: 2px; text-align: center; background: #dedede; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .list li .txt h1{font-size: 15px; color: #333; transition: all ease .4s; -webkit-transition: all ease .4s}

.list01 .list01_con .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list01 .list01_con .list li:hover .txt{background: #223c6d}
.list01 .list01_con .list li:hover .txt h1{color: #fff;}


/*----list02----*/
.list02{padding: 140px 0; position: relative; background: url("../image/img02.jpg") no-repeat center; background-size: cover; overflow: hidden}
.list02 .list02_left{width: 50%; position: relative; z-index: 2}
.list02 .list02_left .img{width: 100%; padding: 10px; background: #fff; box-shadow: 3px 3px 10px 3px rgba(0,0,0,.2)}
.list02 .list02_left .img img{width: 100%; float: none; display: block}

.list02 .list02_right{width: 55%; background: #fff; padding: 50px 40px 40px 100px; margin-left: -5%; margin-top: 60px; box-shadow: 3px 3px 10px 3px rgba(0,0,0,.2)}
.list02 .list02_right h1{font-size: 20px; color: #333;}
.list02 .list02_right h6{font-size: 16px; color: #999; margin-bottom: 20px; font-family: 'novecentowide-book'}
.list02 .list02_right p{font-size: 14px; color: #666; line-height: 26px; margin-bottom: 30px;}

/*----list03----*/
.list03{position: relative; padding: 80px 0; background: #edf3f5; overflow: hidden}
.list03 .list03_con{}
.list03 .list03_con .list{}
.list03 .list03_con .list li{float: left; background: #fff;}
.list03 .list03_con .list li .img{width: 100%; overflow: hidden; position: relative; z-index: 2}
.list03 .list03_con .list li .img img{width: 100%; transition: all ease .3s; -webkit-transition: all ease .3s}
.list03 .list03_con .list li .img span{display: block; width: calc(100% + 20px); height: calc(100% + 20px); border: 1px solid #fff; position: absolute; top: -10px; left: -10px; box-sizing: border-box; transition: all ease .3s; -webkit-transition: all ease .3s}
.list03 .list03_con .list li .txt{width: 100%; height: 250px; padding: 50px 40px; position: relative}
.list03 .list03_con .list li .txt h1{font-size: 20px; color: #333; margin-bottom: 20px;}
.list03 .list03_con .list li .txt p{font-size: 14px; color: #666; line-height: 26px;}
.list03 .list03_con .list li .txt span{width: 50px; height: 46px; background: #223c6d; position: absolute; font-size: 28px; color: #fff; text-align: center; font-weight: 100; line-height: 46px; transition: all ease .4s; -webkit-transition: all ease .4s}

.list03 .list03_con .list li:nth-child(1){width: 386px; margin-right: 14px;}
.list03 .list03_con .list li:nth-child(2){width: 400px;}
.list03 .list03_con .list li:nth-child(3){width: 400px;}
.list03 .list03_con .list li:nth-child(2) .txt span{top: -46px; right: 30px;}
.list03 .list03_con .list li:nth-child(3) .txt span{bottom: -46px; right: 30px;}

.list03 .list03_con .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list03 .list03_con .list li:hover .img span{width: calc(100% - 22px); height: calc(100% - 22px); top: 10px; left: 10px;}
.list03 .list03_con .list li:hover .txt h1{color: #223c6d}
.list03 .list03_con .list li:hover:nth-child(2) .txt span{top: 0;}
.list03 .list03_con .list li:hover:nth-child(3) .txt span{bottom: 0;}


/*----list04----*/
.list04{padding: 80px 0}
.list04 .list04_con{margin-top: 60px;}
.list04 .list04_con .list{margin-right: -2%;}
.list04 .list04_con .list li{width: 31.3333%; float: left; margin-right: 2%; box-sizing: border-box; transition: all ease .4s; -webkit-transition: all ease .4s}
.list04 .list04_con .list li .data{}
.list04 .list04_con .list li .data h6{font-size: 30px; color: #282828; font-family: 'novecentowide-book'}
.list04 .list04_con .list li .data h6 i{display: block; font-size: 14px; color: #999; font-style: normal}
.list04 .list04_con .list li .line{display: block; width: 100%; height: 1px; background: #f0f0f0; margin: 20px 0; position: relative}
.list04 .list04_con .list li .line:before{content: ""; display: block; width: 0; height: 1px; background: #223c6d; position: absolute; top: 0; left: 0; transition: all ease .4s; -webkit-transition: all ease .4s}

.list04 .list04_con .list li .txt h1{font-size: 15px; color: #666; margin-bottom: 14px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list04 .list04_con .list li .txt p{font-size: 13px; color: #999; line-height: 22px; transition: all ease .4s; -webkit-transition: all ease .4s}

.list04 .list04_con .list li:hover .line:before{width: 100%}
.list04 .list04_con .list li:hover .txt h1{color: #223c6d}